@charset "utf-8";
/* CSS Document */
html {margin:0;padding:0;border:0;}
body {font-family:Microsoft YaHei; font-size:15px; background: #fff;margin: 0;padding: 0; color: #000000;font-size:12px; line-height:1.8;}
h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd{padding:0;margin:0;}
img{border:none;}
li{list-style:none;}
a img{border:0px}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#5cb713;}
.fl{ float:left;}
.fr{ float:right;}
.width50{ width:49.7%;}
.clear{clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.webwidth{margin:0 auto;}
.index-logo{ width:800px; height:455px;margin:140px auto;text-align:center; position:relative; cursor:pointer;display:block; }
.index-logo h1{font-size:21px; color:#fff; font-weight:normal; margin-top:20px;}
.index-logo img{ z-index:100; position:relative; margin-top:120px;}
.bt-nav{font-size:16px;color:#5a5a5a; position:absolute;z-index:1; text-align:center;opacity: 0;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    transition: all .2s linear 0s;}
.bt-nav a{color:#fff; width:86px; height:86px;display:block; border-radius:50%;}
.bt-nav img{ display:block; margin:0 auto;}
.marketing{top:100px;left:350px;}
.courier{top:100px;left:350px;}
.financial{top:100px;left:350px;}
.community{top:100px;left:350px;}
.sell{top:100px;left:350px;}
.entertain{top:100px;left:350px;}
.service{top:100px;left:350px;}

.index-logo:hover{background:url(quan.png) no-repeat top center;}
.bt-nav:hover a{box-shadow:2px 4px 4px rgba(0,0,0,.2);}
.index-logo:hover .bt-nav{ display:block;opacity:1.0;
    -webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;}
.index-logo:hover .marketing{top:-20px;left:360px;}
.index-logo:hover .courier{top:40px;left:180px;}
.index-logo:hover .financial{top:140px;left:120px;}
.index-logo:hover .community{top:250px;left:100px;}
.index-logo:hover .sell{top:20px;left:530px;}
.index-logo:hover .entertain{top:140px;left:620px;}
.index-logo:hover .service{top:250px;left:630px;}

.btom{ background:#fb622c; height:130px; width:100%;min-width:980px;margin:0 auto;}
.btom dl{width:500px;margin:0 auto; padding:20px 0;}
.btom dl dt{ width:102px; float:left;}
.btom dl dd{ margin-left:10px; float:right;color:#fff; padding-top:8px;}
.btom dl dd a{ font-size:16px; color:#fff; padding:0 10px; display:inline-block; vertical-align:middle;}
.btom dl dd a:hover{ color:#8F3906;}

.sitetop{background:#fb622c; height:100px; padding:20px 0;width:100%;}
.sitetop .logo{ float:left; width:15%;}
.sitetop .logo img{ width:100px;}

.line{width:1192px; height:9px; background:url(line.png) no-repeat; margin:20px auto;}

.topmenu {width:85%;height:100px;float:right;}

.topmenu li{ width:10.65%; padding:15px 0;float:left; margin-top:10px; display:inline-block; font-size:18px; text-align:center; margin-left:5px;}
.topmenu li:hover,.topmenu li.current{ background:#fff; border-top-left-radius:6px; border-top-right-radius:6px;}
.topmenu li:hover a,.topmenu li.current a,.topmenu li a:hover{ color:#036c40;}
/* .topmenu li i{ width:46px; height:50px; display:block; background:url(menu.png) no-repeat; margin:0 auto;}
.topmenu li i.icon01{ background-position:0 0;}
.topmenu li i.icon02{ background-position:-110px 0;}
.topmenu li i.icon03{ background-position:-236px 0;}
.topmenu li i.icon04{ background-position:-360px 0;}
.topmenu li i.icon05{ background-position:-478px 0;}
.topmenu li i.icon06{ background-position:-600px 0;}
.topmenu li i.icon07{ background-position:-734px 0;}
.topmenu li i.icon08{ background-position:-850px 0;} */

.topmenu li i{width: 46px;height: 50px;display: block;position: relative;}
 .topmenu li i>img{position: absolute;left: 70%; } 
.topmenu li a{ color:#fff; display:block;}

.sitecont{ min-height:400px; width:100%; padding:30px 0;clear:both; overflow:hidden;}
.sitecont h2{color:#fb622c; font-size:24px; font-weight:normal;padding-left:20px;}

.inslist{clear:both; overflow:hidden;padding:20px 0;}
.inslist li{ width:105px; text-align:center; display: inline-block; float:left; margin-left:13px;}
.inslist li p{ font-size:13px; color:#666; line-height:18px; padding-top:10px;}
.inslist li a{ display:block; height:145px;}
.inslist li:hover img{box-shadow: 0px 6px 6px rgba(0,0,0,.2);border-radius: 18px;}
.inslist li a:hover p{color:#fb622c;}

.width50.fl{ border-right:1px dashed #dedede;}

.banner{ background:url(banner.jpg) repeat-x top center; width:100%; height:280px; margin:0 auto;}
.about-cont{padding-top:40px; clear:both;}
.about-cont dt{ width:230px; float:left;color:#036c40; font-size:28px;}
.about-cont dd{ width:950px; float:left; font-size:18px; color:#666; line-height:30px;}
.about-cont dd p{ padding-bottom:25px;}
dd.percent{ width:415px;}
dd.share{width:520px;}
.share a{width:65px; height:65px; display:block; background:url(follow.png) no-repeat; float:left; text-indent:-9999px; overflow:hidden; margin-left:50px; margin-bottom:20px;}
.share a.share01{ background-position:0 0;}
.share a.share02{ background-position:-68px 0;}
.share a.share03{ background-position:-137px 0;}
.share a.share04{ background-position:-205px 0;}
.share a.share05{ background-position:-274px 0;}
.share a.share06{ background-position:-342px 0;}
.share a.share07{ background-position:-410px 0;}
.share a.share08{ background-position:-479px 0;}
.share a:hover.share01{ background-position:0 -68px;}
.share a:hover.share02{ background-position:-68px -68px;}
.share a:hover.share03{ background-position:-137px -68px;}
.share a:hover.share04{ background-position:-205px -68px;}
.share a:hover.share05{ background-position:-274px -68px;}
.share a:hover.share06{ background-position:-342px -68px;}
.share a:hover.share07{ background-position:-410px -68px;}
.share a:hover.share08{ background-position:-479px -68px;}

.shoplist{ font-size:13px; padding:1% 0;}
.shoplist li{ width:29.33%; height:260px;padding-top:20px; display:inline-block; float:left; background:#e7f3e5; border-radius:10px;overflow:hidden; margin-left:3%; margin-bottom:20px; text-align:center;-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
	position:relative;
	}
	
@media screen and (max-width: 1024px){	
	.shoplist li{	
		 width:23.33%;
	}
}
.shoplist li div{width:300px;height:200px;overflow:hidden;position:absolute;left:10%;}

.shoplist li div img{width:100%; }

.shoplist li article{	
	position:absolute;bottom:4%;text-align:center;width:100%;
}
.shoplist li:hover{ color:#fff; background:#fb622c;-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;}
	
	
	
	
main {width:1200px;margin:25px auto;min-height: 720px;}
section {display: none;padding: 20px 0 0;border-top: 1px solid #ddd;}
input { display: none;}
label {display: inline-block;margin: 0 0 -1px 20px;padding:8px 30px;font-weight: 600;text-align: center;color: #333; border: 1px solid transparent; font-size:16px;}
label:hover {color: #333;cursor: pointer;}
input:checked + label {color: #555; border: 1px solid #ddd;border-top: 2px solid #72bb38; color:#72bb38;border-bottom: 1px solid #fff; border-top-right-radius:5px; border-top-left-radius:5px;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {display: block;}
.icon-dw{ width:22px; height:29px; background:url(../img/dw.png) no-repeat; float:left; margin-right:6px;display:none;}
input:checked + label .icon-dw{ display:inline-block;}
.footer{text-align:center;}
.footer a{color:#fff;}

